<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple Bookmarks - 設定</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<style type="text/css">
.bookmarklet A:link, .bookmarklet A:visited {
	color : #101010;
	text-decoration: none
}
</style>
</head>

<body>

<div style="margin-left:auto;margin-right:auto;width:40em;">

<h1 style="font-size: 1em; margin-top: 2em;">設定</h1>

<h2 style="font-size: 1em;">1. ブックマークレットを設定します。</h2>

<p>
下のボタン(ブックマークレット)をドラッグし、ブラウザのブックマークバーへドロップします。<br/>
</p>

<div class="bookmarklet" style="border: 1px solid black; background-color: #f0f0f0; width: 9.5em; padding: 0.3em; margin:1em;"><a href="./bookmarks">Simple Bookmarks</a></div>

<div class="bookmarklet" style="border: 1px solid black; background-color: #f0f0f0; width: 5.5em; padding: 0.3em; margin:1em;"><a href="javascript:location.href='http://<%= request.getServerName() %>:<%= request.getServerPort() %>/createBookmark?t='+encodeURIComponent(document.title)+'&amp;u='+encodeURIComponent(window.location.href);">Bookmark!</a></div>

<p style="font-size:0.8em;">
＊ Internet Explorer をお使いの場合は、ボタンにマウスを合わせて右クリックしポップアップメニューから<br/> "お気に入りを追加する..." を選択します。
</p>

<p>
設定は以上です。
</p>

<h1 style="font-size: 1em; margin-top: 2em;">使い方</h1>

<h2 style="font-size: 1em;">1. ログイン</h2>

<p>
”Simple Bookmarks” をクリックし、あなたの Google アカウントでログインします。
</p>

<h2 style="font-size: 1em;">2. ブックマークの登録</h2>

<p>
お気に入りに追加したいサイトを開き ”Bookmark!” ボタンをクリックします。ブックマーク登録画面が表示されますので内容を編集し登録します。
</p>

<h2 style="font-size: 1em;">3. ブックマークの確認</h2>

<p>
”Simple Bookmarks” をクリックします。登録されたブックマークの一覧が表示されますので、開きたいブックマークをクリックします。
</p>

<p>
<img src="./img/simplebookmarks.jpg" alt="Example for Simple Bookmarks."/>
</p>

<hr style="margin: 1em 0em 1em 0em;"/>

<p><a href="javascript:history.back();">戻る</a></p>

</div>

</body>

</html>

